<template>
  <div class="zhubo">
      <zhuboCard name="个性推荐" :father="gexingList"></zhuboCard>
      <zhuboCard name="深夜电台" :father="gexingList"></zhuboCard>
      <zhuboCard name="我和你" :father="gexingList"></zhuboCard>
      <zhuboCard name="gj" :father="gexingList"></zhuboCard>
  </div>
</template>

<script>
import zhuboCard from "@/components/zhuboCard"
import {getzhuboList} from "@/network/zhubo"
export default {
    name:"Zhubo",
    data(){
      return {
        gexingList:[]
      }
    },
    components:{
      zhuboCard
    },
    created(){
      this.getzhuboListM()
    },
    methods:{
      getzhuboListM(){
        getzhuboList("/dj/recommend").then(res=>{
         
         this.gexingList=res.djRadios.splice(4)
          console.log(res.djRadios);
        })
      }
    }
}
</script>

<style>

</style>